Echarts实现3D柱状图（领导要的样子）

最新推荐文章于 2025-07-03 14:30:17 发布

yucheng_1995

最新推荐文章于 2025-07-03 14:30:17 发布

阅读量3.2w

点赞数 10

CC 4.0 BY-SA版权

分类专栏：技术分享，echarts 文章标签： echarts 3D柱状图

本文链接：https://blog.csdn.net/yucheng_1995/article/details/90172082

3D柱状图

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
	<title>3D柱状图</title>
	<meta charset="utf-8">
</head>
<body>
<div id="main" style="width: 100%;height:800px;"></div>
</body>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/echarts.min.js"></script>
<script src="https://echarts.baidu.com/dist/echarts-gl.min.js"></script>
<script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));
        var option = {
            color: ['#7cb5ec', '#434348', '#90ed7d', '#f7a35c', '#8085e9', '#f15c80', '#e4d354', '#8085e8', '#8d4653', '#91e8e1'],
            title: {
                text: '3D堆叠柱状图',
                x: 'center'
            },
            tooltip: {},